﻿<!DOCTYPE html>
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>Shopholic</title>
<!-- SEO Meta
  ================================================== -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="distribution" content="global">
<meta name="revisit-after" content="2 Days">
<meta name="robots" content="ALL">
<meta name="rating" content="8 YEARS">
<meta name="Language" content="en-us">
<meta name="GOOGLEBOT" content="NOARCHIVE">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
  ================================================== -->
<link rel="stylesheet" type="text/css" href="css/custom.css?v=1.3">
<link rel="stylesheet" type="text/css" href="css/responsive.css?v=1.3">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body >
<div class="se-pre-con"></div>
<div class="main"> 
  
  <!-- HEADER START -->
	<script type="text/javascript" src="js/head.js" ></script>
	<!-- HEADER END -->     

  <!-- Bread Crumb STRAT -->
  <div class="banner inner-banner1">
    <div class="container">
      <section class="banner-detail center-xs">
        <h1 class="banner-title">Product Comparison</h1>
        <div class="bread-crumb right-side float-none-xs">
          <ul>
            <li><a href="index.html"><i class="fa fa-home"></i>Home</a>/</li>
            <li><span>Product Comparison</span></li>
          </ul>
        </div>
      </section>
    </div>
  </div>
  <!-- Bread Crumb END --> 

  
  <!-- CONTAIN START -->
  <section class="ptb-60">
    <div class="container">
      <div class="row">
        <div class="col-12 mb-xs-30">
          <div class="cart-item-table commun-table">
            <div class="table-responsive">
              <table class="compare-info">
                <tbody>
                  <tr>
                    <td></td>
                    <td class="image"> 
                      <a href="product-detail.html"></a> 
                      <img src="images/1.jpg" alt="Shopholic" title="" class="img-thumbnail" /> 
                    </td>
                    <td class="image"> 
                      <a href="product-detail.html"></a> 
                      <img src="images/1.jpg" alt="Shopholic" title="" class="img-thumbnail" />
                    </td>
                  </tr>
                  <tr>
                    <td>Price</td>
                    <td class="name">
                      <a href="product-detail.html">$80.00</a>
                    </td>
                    <td class="name">
                      <a href="product-detail.html">$80.00</a>
                    </td>
                  </tr>
                  <tr>
                    <td>Model</td>
                    <td>Product 2</td>
                    <td>Product 5</td>
                  </tr>
                  <tr>
                    <td>Brand</td>
                    <td>Lorem ipsum dolor sit amet,</td>
                    <td>Lorem ipsum dolor sit amet,</td>
                  </tr>
                  <tr>
                      <td>Availability</td>
                      <td class="availability">In Stock</td>
                      <td class="availability">In Stock</td>
                  </tr>
                  <tr>
                    <td>Rating</td>
                    <td class="rating"> 
                      <div class="rating-summary-block">
                        <div class="rating-result" title="53%"> <span style="width:53%"></span> </div>
                      </div>
                      Based on 4 reviews.
                    </td>
                    <td class="rating"> 
                      <div class="rating-summary-block">
                        <div class="rating-result" title="53%"> <span style="width:53%"></span> </div>
                      </div>
                      Based on 1 reviews.
                    </td>
                  </tr>
                  <tr>
                      <td>Summary</td>
                      <td class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum lacinia justo convallis ornare.</td>
                      <td class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum lacinia justo convallis ornare.</td>
                  </tr>
                  <tr>
                      <td>Weight</td>
                      <td>0.00kg</td>
                      <td>0.00kg</td>
                  </tr>
                  <tr>
                      <td>Dimensions (L x W x H)</td>
                      <td>0.00cm x 0.00cm x 0.00cm</td>
                      <td>0.00mm x 0.00mm x 0.00mm</td>
                  </tr>
                </tbody>
                <tr>
                  <td></td>
                  <td>
                    <button type="button" class="btn btn-color"><i class="fa fa-shopping-cart"></i> Add to Cart</button>
                    <button class="btn btn-black" type="button" title="Remove">Remove</button>
                  </td>
                  <td>
                    <button type="button" class="btn btn-color"><i class="fa fa-shopping-cart"></i> Add to Cart</button>
                    <button class="btn btn-black" type="button" title="Remove">Remove</button>
                  </td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- CONTAINER END -->

  <!-- FOOTER START -->
	<script type="text/javascript" src="js/foot.js" ></script>
	<!-- FOOTER END -->   
</div>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.js"></script>  
<script src="js/jquery.downCount.js"></script>
<script src="js/jquery-ui.min.js"></script> 
<script src="js/fotorama.js"></script>
<script src="js/jquery.magnific-popup.js"></script> 
<script src="js/owl.carousel.min.js"></script>  
<script src="js/custom.js"></script>
<script src="js/common.js"></script>
</body>
</html>
